<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="shortcut icon" href="pin_图标.ico">
    <link rel="stylesheet" href="css/shopcar.css">
</head>

<body>
    <section class="shortcut">
        <div class="w">
            <div class="fl">
                <ul>
                    <li>品优购欢迎您！&nbsp;</li>
                    <li><a href="login.html" target="_blank">请登录</a>
                        &nbsp;
                        <a href="register.html" target="_blank" class="style_red">免费注册</a>
                    </li>
                </ul>
            </div>
            <div class="fr">
                <ul>
                    <li><a href="#">我的订单</a></li>
                    <li></li>
                    <li class="arrow-icon"><a href="#">我的优品购</a></li>
                    <li></li>
                    <li><a href="#">优品购会员</a></li>
                    <li></li>
                    <li><a href="#">企业采购</a></li>
                    <li></li>
                    <li class="arrow-icon"><a href="#">关注优品购</a></li>
                    <li></li>
                    <li class="arrow-icon"><a href="#">客户服务</a></li>
                    <li></li>
                    <li class="arrow-icon"><a href="#">网站导航</a></li>
                </ul>
            </div>
        </div>


    </section>

    <!-- header 头部模块-->
    <header class="header w">
        <!-- logo模块 -->
        <div class="logo">
            <h1><a href="index.html" target="_blank" title="品优购商城">
                    优品购商城
                </a></h1>
        </div>
        <div class="gouwuche">
            购物车
        </div>
        <!-- search搜索模块 -->
        <div class="search">
            <input type="search" name="search" id="search" placeholder="前端开发">
            <button>搜索</button>
        </div>
    </header>


    <div class="shopcar w">
        <div class="car_hd ">
            <div class="num">全部商品：2</div>
            <div class="hd_dt">
                <ul class="inform clearfix">
                    <li class="all"> <input type="checkbox" name="all" id="">
                        全选</li>
                    <li class="goods">商品</li>
                    <li class="sb_">单价(元)</li>
                    <li class="sb_">数量</li>
                    <li class="sb_">小计(元)</li>
                    <li class="sb_">操作</li>
                </ul>
            </div>
        </div>
        <div class="car_bd">
            <div class="g">
                <div class="title">
                    <div class="t_l"><input type="checkbox">
                        <div class="goods_name">传智自营</div>
                    </div>
                    <div class="t_r">
                        运费:￥6.00&nbsp;&nbsp;￥99.00免运费
                    </div>
                </div>


                <div class="cz_box">
                    <div class="off">
                        <div class="hg">
                            <a href="#" class="hg1">换购</a>
                            <a href="#" class="hg2">活动商品购满2888.00元，即可加价换购商品1件
                            </a>
                            <a href="#" class="hg3">
                                <div class="ck">查看换购品</div>去凑单
                            </a>
                        </div>
                    </div>

                    <div class="goods_imform">
                        <input type="checkbox" name="cz_box" id="" class="xuanzhong">
                        <img src="upload/shopcar1.png" alt="">
                        <div class="text">
                            <p> Apple Macbook Air 13.3英寸笔记本电脑</p>
                            <p> 颜色mzcBook爱人</p>
                            <p> 银色(Corei5)</p>
                            <p> 处理器/8GB内存尺寸: 13.3英寸</p>
                        </div>
                        <div class="zp">
                            <a href="#">
                                <h3>[赠品]圣迪威(Sendio) MacBook13.3寸屏幕保...[赠品]圣迪威(Sendio) MacBook13.3清洁套装
                                </h3>
                                <h5 class="num_">×1</h5>
                            </a>
                        </div>

                        <div class="zp">
                            <a href="#">
                                <h3>[赠品]圣迪威(Sendio) MacBook13.3寸屏幕保...[赠品]圣迪威(Sendio) MacBook13.3清洁套装
                                </h3>
                                <h5 class="num_">×1</h5>

                            </a>

                        </div>

                        <div class="imform_r">
                            <p class="danjia">8488.00</p>
                            <p class="shuliang">
                                <input type="button" value="-" class="jian">
                                <i class="num">1</i>
                                <input type="button" value="+" class="jia">
                            </p>
                            <p class="xiaoji">8488.00</p>
                            <p class="caozuo">
                                <a href="#">删除</a>
                                <a href="#">添加关注</a>
                            </p>

                            <div class="kucun">
                                有货
                            </div>
                        </div>

                    </div>


                    <div class="goods_imform">
                        <input type="checkbox" name="cz_box" id="" class="xuanzhong">
                        <img src="upload/数据线.png" alt="">
                        <div class="text">
                            <p>苹果（Apple)MD463FE/A MAC </p>
                            <p> 尺码:Thunderbolt至千兆... </p>
                            <p> Thunderbolt雷电接口至千兆以太网转 </p>
                        </div>
                        <div class="zp">
                            <a href="#">
                                <h3>[赠品]圣迪威(Sendio) MacBook13.3寸屏幕保...[赠品]圣迪威(Sendio) MacBook13.3清洁套装
                                </h3>
                                <h5 class="num_">×1</h5>
                            </a>
                        </div>

                        <div class="zp">
                            <a href="#">
                                <h3>[赠品]圣迪威(Sendio) MacBook13.3寸屏幕保...[赠品]圣迪威(Sendio) MacBook13.3清洁套装
                                </h3>
                                <h5 class="num_">×1</h5>

                            </a>

                        </div>

                        <div class="imform_r">
                            <p class="danjia">8488.00</p>
                            <p class="shuliang">
                                <input type="button" value="-" class="jian">
                                <i class="num">1</i>
                                <input type="button" value="+" class="jia">
                            </p>
                            <p class="xiaoji">8488.00</p>
                            <p class="caozuo">
                                <a href="#">删除</a>
                                <a href="#">添加关注</a>
                            </p>

                            <div class="kucun">
                                有货
                            </div>
                        </div>

                    </div>
                    <div class="goods_imform">
                        <input type="checkbox" name="cz_box" id="" class="xuanzhong">
                        <img src="upload/电宝.png" alt="">
                        <div class="text">
                            <p>半岛铁盒移动电源A2200 </p>
                            <p>型号:A2200 </p>
                            <p>白色2200mah </p>
                        </div>


                        <div class="imform_r">
                            <p class="danjia">8488.00</p>
                            <p class="shuliang">
                                <input type="button" value="-" class="jian">
                                <i class="num">1</i>
                                <input type="button" value="+" class="jia">
                            </p>
                            <p class="xiaoji">8488.00</p>
                            <p class="caozuo">
                                <a href="#">删除</a>
                                <a href="#">添加关注</a>
                            </p>

                            <div class="kucun">
                                有货
                            </div>
                        </div>

                    </div>
                </div>


            </div>
            <div class="g">

                <div class="title">
                    <div class="t_l"><input type="checkbox">
                        <div class="goods_name">神州数码官方店</div>
                    </div>
                    <div class="t_r">
                        运费:￥6.00&nbsp;&nbsp;￥99.00免运费
                    </div>
                </div>

                <div class="sz_box">
                    <div class="cz_box">
                        <div class="off">
                            <div class="hg">
                                <a href="#" class="hg1">换购</a>
                                <a href="#" class="hg2">活动商品购满2888.00元，即可加价换购商品1件
                                </a>
                                <a href="#" class="hg3">
                                    <div class="ck">查看换购品</div>去凑单
                                </a>
                            </div>
                        </div>

                        <div class="goods_imform">
                            <input type="checkbox" name="cz_box" id="" class="xuanzhong">
                            <img src="upload/神州.png" alt="">
                            <div class="text">
                                <p> Apple Macbook Air 13.3英寸笔记本电脑</p>
                                <p> 颜色mzcBook爱人</p>
                                <p> 银色(Corei5)</p>
                                <p> 处理器/8GB内存尺寸: 13.3英寸</p>
                            </div>
                            <div class="zp">
                                <a href="#">
                                    <h3>[赠品]圣迪威(Sendio) MacBook13.3寸屏幕保...[赠品]圣迪威(Sendio) MacBook13.3清洁套装
                                    </h3>
                                    <h5 class="num_">×1</h5>
                                </a>
                            </div>

                            <div class="zp">
                                <a href="#">
                                    <h3>[赠品]圣迪威(Sendio) MacBook13.3寸屏幕保...[赠品]圣迪威(Sendio) MacBook13.3清洁套装
                                    </h3>
                                    <h5 class="num_">×1</h5>

                                </a>

                            </div>

                            <div class="imform_r">
                                <p class="danjia">8488.00</p>
                                <p class="shuliang">
                                    <input type="button" value="-" class="jian">
                                    <i class="num">1</i>
                                    <input type="button" value="+" class="jia">
                                </p>
                                <p class="xiaoji">8488.00</p>
                                <p class="caozuo">
                                    <a href="#">删除</a>
                                    <a href="#">添加关注</a>
                                </p>

                                <div class="kucun">
                                    有货
                                </div>
                            </div>

                        </div>
                    </div>
                </div>

            </div>
        </div>





        <div class="jiesuan">
            <div class="js_l">
                <input type="checkbox">全选
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <p>删除选中的商品</p>
                <p>移到我的关注</p>
                <p>清除下柜商品</p>
            </div>


            <div class="js_r">
                <p>已选择0件商品总价（不含运费):</p>
                <h3>￥16283.00</h3>
                <p>已节省:</p>
                <h4>￥20.00</h4>
                <a href="#">结算</a>
            </div>
        </div>

        <p style="color: #000; margin-top: 40px; font-size: 16px;">已删除商品,您可以重新购买或加关注:
        </p>

        <div class="re">
            <p class="name"> <a href="#">圣迪威（Sendi o ? MacBook13.3清洁套...</a> </p>
            <p class="jg"> 8488.00 </p>
            <p class="num"> 1 </p>
            <p class="caozuo">
                <a href="#">重新购买 </a>
                <a href="#"> 移到我的关注</a>
            </p>
        </div>


        <div class="guess w">
            <div class="guess_hd">
                <ul>
                    <li class="sb1">猜你喜欢</li>
                    <li>特惠换购</li>
                </ul>
            </div>

            <div class="guess_bd">
                <div class="mid">
                    <ul>
                        <li>
                            <img src="upload/ft.png" alt="">
                            <p> 飞科(FLYCO)FH6218大功率电吹风机2000W负离子</p>
                            <h4>￥69.00</h4>
                            <a href="#">加入购物车
                                <div></div>
                            </a>




                        </li>
                        <li> <img src="upload/ft.png" alt="">
                            <p> 飞科(FLYCO)FH6218大功率电吹风机2000W负离子</p>
                            <h4>￥69.00</h4>
                            <a href="#">加入购物车
                                <div></div>
                            </a>
                        </li>
                        <li> <img src="upload/ft.png" alt="">
                            <p> 飞科(FLYCO)FH6218大功率电吹风机2000W负离子</p>
                            <h4>￥69.00</h4>
                            <a href="#">加入购物车
                                <div></div>
                            </a>
                        </li>
                        <li> <img src="upload/ft.png" alt="">
                            <p> 飞科(FLYCO)FH6218大功率电吹风机2000W负离子</p>
                            <h4>￥69.00</h4>
                            <a href="#">加入购物车
                                <div></div>
                            </a>
                        </li>
                    </ul>

                    <div class="l"></div>
                    <div class="r"></div>
                </div>
            </div>

        </div>


    </div>
    </div>

    <!-- footer -->
    <footer class="footer">
        <div class="w">
            <div class="mod_service">
                <ul>
                    <li>
                        <h5 class="a"></h5>
                        <div class="sevice_txt">
                            <h4>正品保障</h4>
                            <p>正品保障,提供发票</p>
                        </div>
                    </li>
                    <li>
                        <h5 class="b"></h5>
                        <div class="sevice_txt">
                            <h4>极速物流</h4>
                            <p>极速物流，极速送达</p>
                        </div>
                    </li>
                    <li>
                        <h5 class="c"></h5>
                        <div class="sevice_txt">
                            <h4>无忧售后</h4>
                            <p>七天无理由退换</p>
                        </div>
                    </li>
                    <li>
                        <h5 class="d"></h5>
                        <div class="sevice_txt">
                            <h4>特色服务</h4>
                            <p>私人订制家电套餐</p>
                        </div>
                    </li>
                    <li>
                        <h5 class="e"></h5>
                        <div class="sevice_txt">
                            <h4>帮助中心</h4>
                            <p>您的购物指南</p>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="mod_help">
                <dl>
                    <dt>服务中心</dt>
                    <dd><a href="#">购物流程 </a> </dd>
                    <dd><a href="#">会员介绍 </a> </dd>
                    <dd><a href="#">生活旅行/团购</a> </dd>
                    <dd><a href="#">常见问题 </a> </dd>
                    <dd><a href="#">大家电 </a> </dd>
                    <dd><a href="#">联系客服 </a> </dd>
                </dl>

                <dl>
                    <dt>配送方式</dt>
                    <dd><a href="#">上门自提</a> </dd>
                    <dd><a href="#">211限时达 </a> </dd>
                    <dd><a href="#">配送服务咨询</a> </dd>
                    <dd><a href="#">配送费收取标准</a> </dd>
                    <dd><a href="#">海外配送</a> </dd>

                </dl>

                <dl>
                    <dt>支付方式</dt>
                    <dd><a href="#">货到付款</a> </dd>
                    <dd><a href="#">在线支付</a> </dd>
                    <dd><a href="#">分期付款</a> </dd>
                    <dd><a href="#">邮局汇款</a> </dd>
                    <dd><a href="#">公司转账</a> </dd>

                </dl>

                <dl>
                    <dt>售后服务</dt>
                    <dd><a href="#">售后政策</a> </dd>
                    <dd><a href="#">价格保护</a> </dd>
                    <dd><a href="#">退款说明</a> </dd>
                    <dd><a href="#">返修/退换货</a> </dd>
                    <dd><a href="#">取消订单</a> </dd>

                </dl>

                <dl>
                    <dt>特色服务</dt>
                    <dd><a href="#">夺宝岛</a> </dd>
                    <dd><a href="#">DIY装机</a> </dd>
                    <dd><a href="#">延保服务</a> </dd>
                    <dd><a href="#">品优购E卡</a> </dd>
                    <dd><a href="#">品优购通信</a> </dd>

                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd><a href="#">
                            <img src="images/二维码.png" alt="">
                            品优购客户端
                        </a> </dd>


                </dl>
            </div>
            <div class="mod_copyright">
                <div class="links">
                    <a href="#">关于我们</a>|
                    <a href="#">联系我们</a>|
                    <a href="#">联系客服</a>|
                    <a href="#">商家入驻</a>|
                    <a href="#">营销中心</a>|
                    <a href="#">手机品优购</a>|
                    <a href="#">友情链接</a>|
                    <a href="#">销售联盟</a>|
                    <a href="#">品优购社区</a>|
                    <a href="#">品优购公益</a>|
                    <a href="#">Baglish Site</a>|
                    <a href="#">ContactU</a>
                </div>
                <div class="copyright">
                    地址:北京市昌平区建材城西路金蔟龙办公楼一层 邮编:100096 电话:400-618-40 传真:010-82935100 邮箱:zhanghi+ itcast.cn
                    <br>
                    京ICP备08001421号京公网安备110108007702
                </div>

            </div>
        </div>
    </footer>
</body>

</html>